﻿@{
    Layout = null;
    var prodlist = ViewBag.prodimg as List<Models.tbl_product>;
    var prodclass = ViewBag.prodclass as List<Models.tbl_prod_class>;
    var logo = ViewBag.logo as Models.tbl_main_img;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>浙江速升润滑油有限公司</title>
    <meta name="keywords" content="速升润滑油">
    <meta name="description" content="公司创立于2000年， 经过多年的不懈努力，公司现已经成为一家专业从事IT产品开发、生产和销售的高科技企业。公司成立几年来，一直致力于工控/服务器机箱及各种非标箱体的开发与生产，产品现广泛应用于计算机网络、监控、安防、广电、通讯和仪器设备等多种行业">
    <link href="~/static/css/layui.css" rel="stylesheet" />
</head>
<body>
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md3">
                <img src="@logo.imgurl">
            </div>
            <div class="layui-col-md9">
                <ul class="layui-nav layui-bg-blue" lay-filter="">
                    <li class="layui-nav-item"><a href="/Home/MainIndex">首页</a></li>
                    <li class="layui-nav-item" class="layui-nav-item layui-this" target="_self">
                        <a href="/Home/companyinfoindex">公司介绍</a>
                    </li>
                    <li class="layui-nav-item" target="_self">
                        <a href="/Home/productIndex">公司产品</a>
                    </li>
                    @*<li class="layui-nav-item" target="_self">
                        <a href="/Home/ServiceAdvantageIndex">服务优势</a>
                    </li>*@
                    <li class="layui-nav-item" target="_self">
                        <a href="/Home/NewsIndex">新闻资讯</a>
                    </li>
                    @*<li class="layui-nav-item" target="_self">
                        <a href="/Home/ServiceSupportIndex">服务支持</a>
                    </li>*@
                    <li class="layui-nav-item" target="_self">
                        <a href="/Home/ContactUsIndex">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="layui-carousel pagep_banner"></div>
    <div class="page_main">

        <div class="layui-container">

            <div class="layui-row layui-col-space30">

                <div class="layui-col-md3">

                    <div class="left_t">

                        <span class="p1">产品中心</span>

                        <span class="p2">PRODUCT</span>

                        <i></i>

                    </div>

                    <div class="left_list">

                        <ul>
                            @foreach (var item in prodclass)
                        {
                            <li>
                                <a href="/Home/ProductListByType?class_id=@item.prod_class_id">@item.prod_class_name</a>
                            </li>
                    }
                        </ul>

                    </div>

                </div>

                <div class="layui-col-md9">

                    <div class="crumbs">

                        <span class="layui-breadcrumb" lay-separator=">">

                            <a href="/Home/MainIndex">首页</a>&nbsp;&gt;&gt;&nbsp;<a href="/Home/productIndex">公司产品</a>&nbsp;&gt;&gt;&nbsp;@*<a href="/Home/ProductListByType?class_id=@item.prod_class_id">@item.prod_class_name</a>*@

                        </span>

                    </div>

                    <div class="page_plist layui-col-space30 clearfix">


                        @foreach (var item in prodlist)
                    {
                        <li class="layui-col-md4">

                            <a href="/Home/ProductDeatil?prod_id=@item.prod_id" class="pro_img" style="width:100%;height:100%"><img src="@item.img_url" alt="@item.prod_name"></a>

                            <a href="/Home/ProductDeatil?prod_id=@item.prod_id" class="pro_t" style="width:100%;height:100%">@item.prod_name</a>

                            <i></i>

                        </li>
                }
                    </div>
                </div>
            </div>

        </div>
    </div>
        <div class="layui-row ifooter" style="margin-top:30px;">
            <div class="layui-container">
                <hr>
                <div class="layui-col-md9">

                    <div class="layui-text" style="text-align: center; ">
                        <p>浙江速升润滑油有限公司　地址：金华婺城区宾虹路与330国道交叉路口　电话：13173626715</p>
                    </div>
                    <div class="layui-text" style="text-align: center; ">
                        <p>浙ICP备18025092号</p>

                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="phone">
                        <img src="~/static/picture/erweima.png" /><span>全国咨询热线</span>
                        <strong>13173626715</strong>
                        <a href="javascript:;">在线客服</a>
                    </div>
                </div>

            </div>
        </div>
        <style type="text/css">

            .pagination {
                margin-left: 60px;
            }
        </style>
        <script src="~/static/js/layui.js"></script>
        <script>
            layui.use(['layer', 'form'], function () {
                var layer = layui.layer
                    , form = layui.form;

            });
            layui.use('element', function () {
                var element = layui.element;
            });
        </script>
</body>
</html>